function click_1() {
    document.getElementById("right").scrollTop=0;
}

function click_2() {
    document.getElementById("right").scrollTop=600;
}


function click_3() {
    document.getElementById("right").scrollTop=1200;
}

function click_4() {
    document.getElementById("right").scrollTop=1800;
}

function click_5() {
    document.getElementById("right").scrollTop=2400;
}

function click_6() {
    document.getElementById("right").scrollTop=3000;
}

function click_7() {
    document.getElementById("right").scrollTop=3600;
}


function scrollEvt(){
    var r_op=80;
    var op=40;
    var st=document.getElementById("right").scrollTop;
    var shouye=document.getElementById("shouye");
    var yuncun=document.getElementById("yuncun");
    var yunguang=document.getElementById("yunguang");
    var shouzhang=document.getElementById("shouzhang");
    var zhoubian=document.getElementById("zhoubian");
    var chihe=document.getElementById("chihe");
    var lianxi=document.getElementById("lianxi");
    var left=document.getElementById("left");
    switch (true) {
        case st<600:
            console.log('shouye'+st);
            shouye.style.filter='r_op(opacity:'+r_op+')';shouye.style.opacity=r_op/100;
            yuncun.style.filter='op(opacity:'+op+')';yuncun.style.opacity=op/100;
            yunguang.style.filter='op(opacity:'+op+')';yunguang.style.opacity=op/100;
            shouzhang.style.filter='op(opacity:'+op+')';shouzhang.style.opacity=op/100;
            zhoubian.style.filter='op(opacity:'+op+')';zhoubian.style.opacity=op/100;
            chihe.style.filter='op(opacity:'+op+')';chihe.style.opacity=op/100;
            lianxi.style.filter='op(opacity:'+op+')';lianxi.style.opacity=op/100;
            break;
        case st>=600 && st<1200:
            console.log('yuncun'+st);
            shouye.style.filter='op(opacity:'+op+')';shouye.style.opacity=op/100;
            yuncun.style.filter='r_op(opacity:'+r_op+')';yuncun.style.opacity=r_op/100;
            yunguang.style.filter='op(opacity:'+op+')';yunguang.style.opacity=op/100;
            shouzhang.style.filter='op(opacity:'+op+')';shouzhang.style.opacity=op/100;
            zhoubian.style.filter='op(opacity:'+op+')';zhoubian.style.opacity=op/100;
            chihe.style.filter='op(opacity:'+op+')';chihe.style.opacity=op/100;
            lianxi.style.filter='op(opacity:'+op+')';lianxi.style.opacity=op/100;
            break;
        case st>=1200 && st<1800:
            shouye.style.filter='op(opacity:'+op+')';shouye.style.opacity=op/100;
            yuncun.style.filter='op(opacity:'+op+')';yuncun.style.opacity=op/100;
            yunguang.style.filter='r_op(opacity:'+r_op+')';yunguang.style.opacity=r_op/100;
            shouzhang.style.filter='op(opacity:'+op+')';shouzhang.style.opacity=op/100;
            zhoubian.style.filter='op(opacity:'+op+')';zhoubian.style.opacity=op/100;
            chihe.style.filter='op(opacity:'+op+')';chihe.style.opacity=op/100;
            lianxi.style.filter='op(opacity:'+op+')';lianxi.style.opacity=op/100;
            break;
        case st>=1800 && st<2400:
            shouye.style.filter='op(opacity:'+op+')';shouye.style.opacity=op/100;
            yuncun.style.filter='op(opacity:'+op+')';yuncun.style.opacity=op/100;
            yunguang.style.filter='op(opacity:'+op+')';yunguang.style.opacity=op/100;
            shouzhang.style.filter='r_op(opacity:'+r_op+')';shouzhang.style.opacity=r_op/100;
            zhoubian.style.filter='op(opacity:'+op+')';zhoubian.style.opacity=op/100;
            chihe.style.filter='op(opacity:'+op+')';chihe.style.opacity=op/100;
            lianxi.style.filter='op(opacity:'+op+')';lianxi.style.opacity=op/100;
            break;
        case st>=2400 && st<3000:
            shouye.style.filter='op(opacity:'+op+')';shouye.style.opacity=op/100;
            yuncun.style.filter='op(opacity:'+op+')';yuncun.style.opacity=op/100;
            yunguang.style.filter='op(opacity:'+op+')';yunguang.style.opacity=op/100;
            shouzhang.style.filter='op(opacity:'+op+')';shouzhang.style.opacity=op/100;
            zhoubian.style.filter='r_op(opacity:'+r_op+')';zhoubian.style.opacity=r_op/100;
            chihe.style.filter='op(opacity:'+op+')';chihe.style.opacity=op/100;
            lianxi.style.filter='op(opacity:'+op+')';lianxi.style.opacity=op/100;
            break;
        case st>=3000 && st<3600:
            shouye.style.filter='op(opacity:'+op+')';shouye.style.opacity=op/100;
            yuncun.style.filter='op(opacity:'+op+')';yuncun.style.opacity=op/100;
            yunguang.style.filter='op(opacity:'+op+')';yunguang.style.opacity=op/100;
            shouzhang.style.filter='op(opacity:'+op+')';shouzhang.style.opacity=op/100;
            zhoubian.style.filter='op(opacity:'+op+')';zhoubian.style.opacity=op/100;
            chihe.style.filter='r_op(opacity:'+r_op+')';chihe.style.opacity=r_op/100;
            lianxi.style.filter='op(opacity:'+op+')';lianxi.style.opacity=op/100;
            break;
        case st>=3600:
            shouye.style.filter='op(opacity:'+op+')';shouye.style.opacity=op/100;
            yuncun.style.filter='op(opacity:'+op+')';yuncun.style.opacity=op/100;
            yunguang.style.filter='op(opacity:'+op+')';yunguang.style.opacity=op/100;
            shouzhang.style.filter='op(opacity:'+op+')';shouzhang.style.opacity=op/100;
            zhoubian.style.filter='op(opacity:'+op+')';zhoubian.style.opacity=op/100;
            chihe.style.filter='op(opacity:'+op+')';chihe.style.opacity=op/100;
            lianxi.style.filter='r_op(opacity:'+r_op+')';lianxi.style.opacity=r_op/100;
            lianxi.style.visibility='visible';
            break;
    }
    left.scrollTop=st/4;
}

